/* FILE: .style/standard/xhtml/compatTest/compatTest.css */
body.withoutScroll{
overflow:hidden;
}
.compatWarningBlock{
display:none;
}
.compatBackground
{
background-color: black;
left: 0;
top:0;
height: 100%;
opacity: 0.7;
overflow-y: hidden;
position: absolute;
top: expression(eval('document.documentElement.scrollTop'));
width: 100%;
z-index: 2000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
div.compatWindowWarning
{
float: left;
left: 50%;
margin-left: -450px;
margin-top: 35px;
position: absolute;
top:expression(eval('document.documentElement.scrollTop'));
top:30px;
z-index: 3000;
width: 900px;
background-color: #fff;
padding: 35px;
}
* html div.compatWindowWarning{
padding:20px;
width:945px;
}
div.compatWindowWarning div.closeButton
{
background-image: url('/.style/standard/xhtml/compatTest/icons/close.png');
background-color: transparent;
width: 27px;
height: 27px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
background-repeat: no-repeat;
}
* html div.compatWindowWarning div.closeButton{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/close.png');
}
div.compatWindowWarning span.heading{
text-align:center;
margin:0 auto 45px 0;
width:875px;
display:block;
}
div.compatWindowWarning span.heading h1
{
color:#484848;
font-size:38px;
line-height:44px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
display:inline;
margin-bottom:0;
background: url('/.style/standard/xhtml/compatTest/icons/attention.jpg') 0 center no-repeat transparent;
padding-left:45px;
}
div.compatWindowWarning p
{
color:#676767;
font-size:15px;
line-height:24px;
font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin:0;
margin-bottom: 30px;
}
div.compatWindowWarning a{
color:#333399;
font-size:15px;
line-height:24px;
font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
div.compatWindowWarning a:hover{
color:#4fc2fd;
}
div.compatWindowWarning .verIdentBlock
{
position:relative;
width:100%;
}
div.compatWindowWarning .verIdentBlock div{
width:100%;
position:relative;
margin-bottom:35px;
}
div.compatWindowWarning .verIdentBlock div span{
display:block;
position:relative;
text-align:center;
}
div.compatWindowWarning .bold{
font-weight:bold;
}
div.compatWindowWarning .verIdentBlock p{
margin-bottom:0;
}
div.compatWindowWarning .verIdentBlock div p{
font-size:16px;
margin-bottom:20px;
}
div.compatWindowWarning .verIdentBlock div a.button{
width:182px;
height:52px;
display:block;
background: url('/.style/standard/xhtml/compatTest/icons/update.jpg') 0 0 no-repeat transparent;
left: 50%;
margin-left: -90px;
position: relative;
color:#226301;
font:20px/22px 'Ubuntu', Arial, "Helvetica CY";
text-decoration:none;
padding: 12px 0 0 65px;
z-index:10;
}
div.compatWindowWarning .browserList{
margin:0 auto 30px;
background: url('/.style/standard/xhtml/compatTest/icons/gradient.jpg') center 0 repeat-y transparent;
position:relative;
margin-top:10px;
width:874px;
}
div.compatWindowWarning .browserList .outer{
background: url('/.style/standard/xhtml/compatTest/icons/stripeTop.png') 0 0 no-repeat transparent;
height:7px;
width:874px;
position:absolute;
top:0;
left:0;
}
* html div.compatWindowWarning .browserList .outer{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/stripeTop.png');
}
div.compatWindowWarning .browserList .inner{
background: url('/.style/standard/xhtml/compatTest/icons/stripeBot.png') 0 0 no-repeat transparent;
height:7px;
width:874px;
position:absolute;
bottom:0;
left:0;
}
* html div.compatWindowWarning .browserList .inner{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/stripeBot.png');
}
div.compatWindowWarning .browserList ul{
width:874px;
margin:35px auto 15px;
overflow:hidden;
position:relative;
padding-top:30px;
}
div.compatWindowWarning .browserList ul li{
background: none repeat scroll 0 0 transparent;
display: block;
float: left;
padding: 0;
width: 437px;
position:relative;
height:80px;
margin:0;
}
div.compatWindowWarning .browserList ul li:before{
content:"";
}
div.compatWindowWarning .browserList ul li div.wrap{
left: 50%;
margin-left: -115px;
overflow: hidden;
position: absolute;
height: 80px;
width: 230px;
}
div.compatWindowWarning .browserList ul li div .linkBlock{
padding-left:15px;
background: url('/.style/standard/xhtml/compatTest/icons/line.jpg') 0 0 no-repeat transparent;
float:left;
width:140px;
}
div.compatWindowWarning .browserList ul li div a{
font:25px/28px 'Ubuntu', Arial, "Helvetica CY";
margin-bottom:7px;
display:block;
}
div.compatWindowWarning .browserList ul li div span.imageLink a{
margin-right:15px;
float:left;
margin-top:0;
margin-bottom:0;
width:50px;
height:50px;
}
div.compatWindowWarning .browserList ul li div p{
text-transform:uppercase;
font:10px/14px 'Ubuntu', Arial, "Helvetica CY";
color:#484848;
}
div.compatWindowWarning .browserList div.sign{
position:absolute;
top:-20px;
left:50%;
margin-left:-121px;
width:247px;
height:140px;
background: url('/.style/standard/xhtml/compatTest/icons/whiteRadial.png') center 0 no-repeat transparent;
text-align:center;
z-index:3;
}
* html div.compatWindowWarning .browserList div.sign{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/whiteRadial.png');
}
div.compatWindowWarning .browserList div.sign p{
font-size:30px;
line-height:34px;
margin:0;
display:inline;
}
div.compatWindowWarning p.support{
margin-bottom:10px;
}
div.compatWindowWarning .browserList .wrap span.imageLink .Chrome{
background: url('/.style/standard/xhtml/compatTest/icons/chrome.png') 5px 0 no-repeat transparent;
}
* html div.compatWindowWarning .browserList .wrap span.imageLink .Chrome{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/chrome.png');
}
div.compatWindowWarning .browserList .wrap span.imageLink .Opera{
background: url('/.style/standard/xhtml/compatTest/icons/opera.png') 10px 0 no-repeat transparent;
}
* html div.compatWindowWarning .browserList .wrap span.imageLink .Opera{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/opera.png');
}
div.compatWindowWarning .browserList .wrap span.imageLink .Firefox{
background: url('/.style/standard/xhtml/compatTest/icons/firefox.png') 5px 0 no-repeat transparent;
}
* html div.compatWindowWarning .browserList .wrap span.imageLink .Firefox{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/firefox.png');
}
div.compatWindowWarning .browserList .wrap span.imageLink .Safari{
background: url('/.style/standard/xhtml/compatTest/icons/safari.png') 5px 0 no-repeat transparent;
}
* html div.compatWindowWarning .browserList .wrap span.imageLink .Safari{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/safari.png');
}
div.compatWindowWarning .browserList .wrap span.imageLink .IExplorer{
background: url('/.style/standard/xhtml/compatTest/icons/iexplorer.png') 0 0 no-repeat transparent;
}
* html div.compatWindowWarning .browserList .wrap span.imageLink .IExplorer{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.style/standard/xhtml/compatTest/icons/iexplorer.png');
}
/* FILE: .style/standard/xhtml/extras/extras.css */
span.icq {
text-transform: uppercase;
min-height: 18px;
padding-left: 21px;
background-position: left center;
background-repeat: no-repeat;
line-height: 18px;
display: block;
float: left;
}
a.skype {
min-height: 16px;
padding-left: 21px;
background-position: left center;
background-repeat: no-repeat;
line-height: 16px;
}
div.ya-map
{
width:564px;
height:344px;
margin-bottom: 40px;
margin-top:11px;
border-top:1px solid #ccc;
}
div.ya-map.loading
{
background-position: center center;
background-repeat: no-repeat;
background-image: url('/.style/standard/xhtml/ajax/loading.gif');
}
.YMaps-b-balloon_full .YMaps-b-balloon-frame,
.layoutB div.content table.YMaps-b-balloon_full,
.layoutB div.content table.YMaps-b-balloon-frame {
cursor: default;
width: auto;
margin: 0;
}
.collapseSwitcher {
text-decoration: none;
border-bottom: 1px dashed;
cursor: pointer;
}
div.placemarkSet a.placemark
{
display: block;
}
/* FILE: .style/standard/xhtml/extras/fancybox/jquery.fancybox-1.3.4.css */
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('/.style/standard/xhtml/extras/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('/.style/standard/xhtml/extras/fancybox/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('/.style/standard/xhtml/extras/fancybox/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('/.style/standard/xhtml/extras/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('/.style/standard/xhtml/extras/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('/.style/standard/xhtml/extras/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* FILE: .style/tk-elcable/xhtml/document.css */
body {
margin: 0;
width: 100%;
height: 100%;
overflow: auto;
}
#container {
margin: 0 auto;
min-width: 1000px;
overflow: visible;
width: 100%;
}
.managementPanel + #container{
padding-top:30px;
}
.mapRus {
height: 0;
margin: 0 auto;
max-width: 1250px;
min-width: 1000px;
position: relative;
width: 90%;
z-index: -1;
}
.mapRus img {
margin-left: -10px;
margin-top: -33px;
width: 100%;
}
.wrapperOuter {
background: none no-repeat scroll 0 0 transparent;
margin: 0 auto;
max-width: 1350px;
min-width: 1000px;
width: 100%;
}
.wrapperInner {
background: none no-repeat scroll 0 0 transparent;
margin: 0 auto;
min-width: 1000px;
width: 86%;
}
.top {
background: none no-repeat scroll 0 0 transparent;
padding: 0;
height: auto;
min-height: 263px;
width: 100%;
}
body.main .top {
min-height: 750px;
/* overflow:hidden; */
}
.topWrapper {
float: left;
margin-bottom: 40px;
width: 100%;
}
div.topLeft {
float: left;
margin: 0 5% 0 0;
width: 25%;
}
div.logo {
margin-right: 0;
margin-top: 22px;
}
a.logo {
margin: 0;
text-decoration: none;
}
img.logo {
margin: 0;
}
div.topCenter {
float: left;
margin: 39px 5% 0 0;
width: 40%;
}
div.slogan {
margin: 0 0 18px;
}
div.slogan p.paragraph {
font: 16px/22px 'EuropeNormal';
margin: 0;
}
div.slogan p.paragraph cufon {
margin-bottom: 6px;
}
.top .catalogSearch {
width: 100%;
float: left;
}
.top .catalogSearch > form {
width: 100%;
float: left;
padding: 0;
margin: 0;
}
.top .catalogSearch dl {
background: none;
border: 0;
padding: 0;
position: relative;
width: 100%;
height: 31px;
float: left;
}
.top .catalogSearch div.query span.caption {
display: none;
}
.top .catalogSearch div.field {
background: none;
border: 0;
float: left;
padding: 0;
position: relative;
width: 88%;
height: 31px;
margin: 0;
border-radius: 5px;
-moz-border-radius: 5px;
}
.top .catalogSearch div.field div.outer {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #d1d1d1;
padding: 0;
position: relative;
width: 100%;
height: 29px;
border-radius: 5px;
-moz-border-radius: 5px;
}
.top .catalogSearch div.field div.inner {
background: none repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-top: 1px solid #F0F0F0;
height: 28px;
left: 0;
padding: 0;
position: relative;
top: 0;
width: 99.5%;
}
.top .catalogSearch input.string {
background: url("/.style/tk-elcable/xhtml/images/inputBack.png") no-repeat scroll 8px 6px transparent;
border: medium none;
color: #000000;
float: left;
font: 13px/13px Arial;
height: 16px;
margin: 0;
padding: 6px 10px 6px 32px;
text-align: left;
width: 90%;
}
.top .catalogSearch span.text {
clear: both;
color: #8A8A8A;
display: block;
float: left;
font: 13px/13px Arial;
margin-bottom: 7px;
width: 100%;
}
.top .catalogSearch span.text span {
border-bottom: 1px dotted;
color: #1b75bc;
cursor: pointer;
zoom: 1;
}
.top .catalogSearch span.text span:hover {
color: #18b1e7;
}
.top .catalogSearch div.action {
background: url('/.style/tk-elcable/xhtml/images/buttonSearch.png') no-repeat scroll 0 0 transparent;
width: 31px;
height: 30px;
float: left;
border: 0;
padding: 0;
margin: 1px 0 0 10px;
border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
}
.top .catalogSearch div.action:hover {
background-position: 0 -30px;
}
.top .catalogSearch div.action input.action {
background: none;
width: 31px;
height: 30px;
float: left;
border: 0;
padding: 0;
}
div.topRight {
float: right;
margin: 27px 0 0;
text-align: right;
width: 25%;
}
div.contacts span.phone {
font: 20px/20px 'EuropeNormal';
margin-bottom: 9px;
}
.top div.contacts span.phone{
text-shadow: 0 1px 1px #ccc;
}
div.contacts span.phone span.code {
color: #8b8b8b;
display: inline-block;
margin-right: 4px;
}
div.contacts span.email {
background: url('/.style/tk-elcable/xhtml/images/email.png') no-repeat scroll 0 4px transparent;
color: #1b75bc;
display: inline-block;
font: 14px/14px Arial;
margin: -1px 0 0;
padding-left: 20px;
}
.top div.order {
float: right;
margin: 24px 0 0;
width: 50%;
}
.top div.order a.link {
background: url('/.style/tk-elcable/xhtml/images/button.png') repeat-x scroll 0 0 transparent;
color: #E3F6FC;
display: inline-block;
font: 12px/12px Arial;
height: 16px;
padding: 8px 10px 5px;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 1px 2px #60747B;
-moz-box-shadow: 0 1px 2px #60747B;
}
.top div.order a.link:hover {
color: #ffffff;
}
.top div.catalogSectionList {
float: left;
position: relative;
width: 100%;
margin-bottom: 25px;
}
.top ul.catalogSectionList li.item {
background: none;
display: inline-block;
font: 14px/20px Arial;
margin: 0 1.5% 17px;
padding-left: 0;
vertical-align: top;
width: 17%;
}
.top ul.catalogSectionList li.item div.section {
text-align: center;
}
.top ul.catalogSectionList {
float: left;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
position: relative;
width: 100%;
}
.top ul.catalogSectionList .item .section h2, .top ul.catalogSectionList .item .section .h2 {
float: left;
font: 14px/21px Arial;
margin: 0 0 0 35px;
max-width: 155px;
position: relative;
text-align: left;
}
div.catalogSectionList a.imageLink, div.offersBlock a.imageLink {
height: 162px;
margin: 0;
padding: 0;
width: 100%;
}
div.offersBlock a.imageLink {
width: 140px;
}
div.catalogSectionList span.imageBlockOuterContainer {
background: url("/.style/tk-elcable/xhtml/images/cabBack.png") no-repeat scroll 3px 2px transparent;
height: 162px;
margin: 0;
padding: 0;
position: relative;
width: 162px;
}
div.catalogSectionList span.imageBlock {
background-color: transparent;
background-position: right bottom;
background-repeat: no-repeat;
bottom: 13px;
display: inline-block;
position: absolute;
right: 6px;
border-radius: 10px 10px 57px 10px;
-moz-border-radius: 10px 10px 57px 10px;
}
div.catalogSectionList span.imageBlock img {
visibility: hidden;
}
div.catalogSectionList span.imageBorder {
background: url("/.style/tk-elcable/xhtml/images/imageBorder.png") no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
left: 0;
position: absolute;
top: 0;
width: 162px;
}
div.catalogSectionList span.imageBlock img.image {
padding: 0px;
margin: 0;
/*visibility: hidden;*/
display: inline-block;
float: none;
}
.stage {
padding-bottom: 45px;
overflow: visible;
}
.stage .layoutA {
padding-left: 0;
padding-right: 5%;
padding-top: 0;
width: 25%;
}
.stage .layoutB {
padding-right: 0%;
width: 70%;
}
body.common .layoutB {
padding-top: 18px;
}
.stage div.stageTop {
float: left;
position: relative;
width: 100%;
margin: 0;
padding-top: 5px;
margin-top: 33px;
}
.stage div.offersBlock {
float: left;
height: 169px;
margin: 0 0.25%;
overflow: hidden;
padding: 10px 0;
position: relative;
width: 99.5%;
z-index: 3;
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
box-shadow: 0 0 3px #294552;
-moz-box-shadow: 0 0 3px #294552;
background: url('/.style/tk-elcable/xhtml/images/offersBlock.png') repeat-x scroll 0 0 #1b75bc;
}
div.offersBlock > ul {
max-width: 100%;
}
div.offersBlock ul > li.item {
background: none repeat scroll 0 0 transparent;
clear: none;
float: left;
margin-bottom: 10px;
padding-left: 0;
vertical-align: top;
width: 50%;
}
.stage div.offersBlock h3.heading, .stage div.offersBlock .h3.heading {
color: #ffffff;
font: 22px/25px 'EuropeNormal';
margin-bottom: 10px;
margin-top: 6px;
}
.stage div.offersBlock h3.heading a.link, .stage div.offersBlock .h3.heading a.link {
color: #ffffff;
}
.stage div.offersBlock h3.heading a.link:hover,
.stage div.offersBlock a.linkAll:hover {
color: #e3f6fc;
}
.stage div.offersBlock span.datetime {
color: #cccccc;
padding-top: 17px;
}
body.main .stage div.offersBlock span.datetime {
display: none;
}
.stage span.datetime,
.stage span.separator{
color: #8d8d8d;
font: 12px/17px Arial;
}
.stage span.datetime + span.separator{
margin:0 3px;
}
.stage div.offersBlock div.ranges,
.stage div.newsBlock div.ranges,
.stage div.offersBlock span.imageTitle,
.stage div.newsBlock span.imageTitle {
display: none;
}
.stage div.offersBlock div.image {
float: left;
margin: 0 2%;
position: relative;
width: 162px;
}
.stage div.offersBlock span.imageBlockOuterContainer {
background: none no-repeat scroll 0 0 #ffffff;
height: 162px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 162px;
max-width:none;
}
div.offersBlock span.imageBlock {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
height: 162px;
width: 162px;
max-width:none;
}
div.offersBlock span.imageBlock img {
visibility: hidden;
}
div.offersBlock span.imageBorder {
background: url('/.style/tk-elcable/xhtml/images/offersImageBorder.png') no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
left: 0;
position: absolute;
top: 0;
width: 162px;
}
.stage div.offersBlock div.info {
float: left;
height: 140px;
margin: 0 2% 20px 0;
overflow: hidden;
position: relative;
width: 60%;
}
.stage div.offersBlock a.linkAll {
bottom: 15px;
color: #FFFFFF;
font: 11px/11px Arial;
position: absolute;
right: 3%;
}
.stage div.offersBlock p.paragraph {
color: #d1ecf5;
font: 12px/17px Arial;
margin: 6px 0 14px;
max-width: 760px;
}
body.main .stage div.content {
background-color: #ebebeb;
float: left;
margin: 0 0.25%;
padding: 28px 3% 22px;
position: relative;
width: 93.5%;
overflow:hidden;
border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
box-shadow: 0 1px 3px #aeaeae;
-moz-box-shadow: 0 1px 3px #aeaeae;
}
body.main .stage div.content div.left {
float: left;
margin: 0;
position: relative;
width: 47%;
}
body.main .stage div.content div.right {
float: right;
margin: 0;
position: relative;
width: 47%;
clear:none;
}
body.main .stage div.content div.left a.orderFeedBackLink{
display:inline-block;
max-width:180px;
margin-left:30px;
position:relative;
text-decoration:none;
font-family: "Verdana";
font-size: 13px;
line-height: 17px;
}
body.main .stage div.content div.left a.orderFeedBackLink:before{
content:"";
position:absolute;
left:-30px;
top:50%;
margin-top:-15px;
width:30px;
height:29px;
background: url('/.style/tk-elcable/xhtml/images/documentIcon.png') no-repeat scroll 0 0 transparent;
}
body.main .stage div.content div.left a.orderFeedBackLink:hover:before{
background-position:0 -29px;
}
body.main .stage div.content div.left a.orderFeedBackLink span{
border-bottom:1px dotted;
}
.stage div.newsBlock {
float: left;
margin: 45px 6% 0 0;
padding: 0;
position: relative;
width: 64%;
}
.stage .layoutA div.newsBlock {
margin-top: 50px;
width: 100%;
}
.stage div.newsBlock div.item p.paragraph.date {
margin: 13px 0 0;
color: #536888;
font: italic 12px/12px Tahoma;
}
.stage div.newsBlock ul {
max-width: 100%;
}
.stage div.newsBlock ul > li.item {
background: none repeat scroll 0 0 transparent;
display: inline-block;
margin: 0 0 0 5%;
padding-left: 0;
vertical-align: top;
width: 45%;
}
.stage .layoutA div.newsBlock ul > li.item {
margin: 0 0 2px;
width: 100%;
}
.stage div.newsBlock p.heading{
font: 22px/27px 'EuropeNormal';
margin: 0 0 29px;
letter-spacing: normal;
}
.stage div.newsBlock p.heading,
.stage div.newsBlock .h1.heading {
border-bottom: 1px solid #EBEBEB;
color: #545454;
margin-bottom: 0;
margin-left: 5%;
padding-bottom: 4px;
}
.stage .layoutA div.newsBlock p.heading,
.stage .layoutA div.newsBlock .h1.heading {
margin-left: 0;
}
.stage div.newsBlock p.heading sup,
.stage div.newsBlock .h1.heading sup {
left: 11px;
position: relative;
top: -11px;
}
.stage div.newsBlock p.heading sup a.link,
.stage div.newsBlock .h1.heading sup a.link {
color: #8d8d8d;
font: 11px/11px Arial;
}
.stage div.newsBlock p.heading sup a.link:hover,
.stage div.newsBlock .h1.heading sup a.link:hover {
color: #18b1e7;
}
.stage div.newsBlock div.newsArticle p.heading,
.stage div.newsBlock .h3.heading {
font: 14px/19px Arial;
margin: 5px 0 7px;
}
.stage div.newsBlock div.newsArticle p.heading{
border-bottom: none;
padding-bottom: 0px;
}
.stage div.newsBlock span.summary {
}
.stage div.newsBlock span.datetime {
color: #8d8d8d;
padding-top: 11px;
}
.stage div.newsBlock span.summary p.paragraph {
font-size: 12px;
line-height: 17px;
margin-top: 0;
}
.stage div.lmeCourse {
float: right;
margin: 50px 3% 0 0;
padding: 0;
position: relative;
width:25%;
max-width: 245px;
}
.stage .layoutA div.lmeCourse {
width: 100%;
}
.stage div.lmeCourse h1, .stage div.lmeCourse .h1 {
color: #545454;
margin: 0 0 12px;
}
.stage div.lmeCourse p.paragraph {
color: #8d8d8d;
font: 12px/17px Arial;
z-index: 2;
margin-top: 12px;
margin-bottom: 7px;
}
.stage div.lmeCourse p.paragraph a.link {
color: #8d8d8d;
}
.stage div.lmeCourse p.paragraph a.link:hover {
color: #18b1e7;
}
.stage div.lmeCourse table {
margin-left: -3px;
position: relative;
z-index: 1;
border-left: 0;
}
.stage div.lmeCourse table tr td div {
display: none;
}
.stage div.lmeCourse table tr td {
color: #000000;
font: 12px/21px Arial;
padding-bottom: 1px;
position: relative;
height: 10px;
}
.stage div.lmeCourse table tr td font {
font: 12px/21px Arial;
}
.stage div.lmeCourse table tr td img {
vertical-align: middle;
padding: 0 4px
}
.stage div.lmeCourse table tr td img[height="1"] {
display: none;
}
.stage div.lmeCourse table tr td a {
color: #000000;
cursor: default;
text-decoration: none;
}
.stage div.lmeCourse table tr td:nth-child(2){
width:50px;
text-align:center;
}
.stage div.producers {
float: left;
margin: 0;
position: relative;
width: 100%;
}
.stage div.producers ul {
max-width: 100%;
}
.stage div.producers h2.heading, .stage div.producers .h2.heading {
border-bottom: 1px solid #EBEBEB;
color: #545454;
font: 22px/25px 'EuropeNormal';
margin-bottom: 15px;
margin-left: 3%;
padding-bottom: 5px;
width: 96%;
}
.stage div.producers ul > li.item {
background: none repeat scroll 0 0 transparent;
display: inline-block;
margin-bottom: 22px;
padding-left: 0;
text-align: center;
vertical-align: bottom;
width: 20%;
}
div.footerShadow {
display: block;
height: 10px;
margin: 0 auto;
max-width: 1200px;
min-width: 1000px;
position: relative;
width: 100%;
}
div.footerShadowLeft {
background: url('/.style/tk-elcable/xhtml/images/footerShadowLeft.jpg') no-repeat scroll 0 0 transparent;
float: left;
height: 10px;
width: 497px;
}
div.footerShadowRight {
background: url('/.style/tk-elcable/xhtml/images/footerShadowRight.jpg') no-repeat scroll 0 0 transparent;
float: right;
height: 10px;
position: relative;
width: 498px;
}
div.footerShadowCenter {
background: url('/.style/tk-elcable/xhtml/images/footerShadow.jpg') repeat-x scroll 0 0 transparent;
height: 10px;
left: 0;
margin: 0 5%;
position: absolute;
top: 0;
width: 90%;
z-index: -1;
}
div.footer {
border-top: 0 none;
float: left;
height: 130px;
margin: 0;
position: relative;
min-width: 500px;
}
.footer p.paragraph, .footer span.text {
color: #6d7881;
font: 11px/17px Arial;
}
.footer span.text {
font: 11px/15px Arial;
}
.footer a.link {
}
.footerLeft {
float: left;
margin-right: 5%;
width: 25%;
}
.footer .copyright {
background: url("/.style/tk-elcable/xhtml/images/copyright.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 93px;
margin: 11px 0 0 13%;
text-align: right;
width: 170px;
}
.footer .copyright p.paragraph {
margin: 17px 0 0;
}
.footer .copyright a.link {
}
.footerCenter {
float: left;
width: 50%;
}
.footer .address {
float: left;
height: 45px;
margin: 0px 3% 0 0;
padding-left: 0;
padding-top: 0px;
width: 200px;
}
.footer .sitemapBlock{
float:left;
clear:both;
margin-bottom:25px;
}
.footer .address p.paragraph {
margin: 0px 0 6px;
}
.footer .contacts {
float: left;
margin: 1px 0 0;
width: 50%;
}
.footer .contacts p.paragraph {
margin: 0 0 2px;
}
.footer div.contacts span.text{
display: block;
}
.footer div.contacts span.phone {
color: #6d7881;
display: inline-block;
font: 11px/11px Arial;
margin-bottom: 4px;
}
.footer div.contacts span.code {
color: #6d7881;
font: 11px/11px Arial;
margin-right: 4px;
}
.footer div.contacts span.email {
background: none;
font: 11px/11px Arial;
margin: 0;
padding-left: 0;
}
.footer div.contacts span.email a.link {
display: inline-block;
}
.footerRight {
float: right;
margin-top: 37px;
padding-left: 0;
position: relative;
width: 180px;
}
.footer div.signature {
float: right;
width: 164px;
margin-top: 30px;
}
.footer p.bestyle {
font: 11px/11px Arial;
color: #545454;
margin-top: 0;
}
p.bestyle img {
margin: 0 12px 0 0;
}
p.bestyle span {
margin-bottom: 4px;
}
.footer p.bestyle a.link {
font: 11px/11px Arial;
color: #1b75bc;
text-decoration: none;
}
.footer p.bestyle a.link:hover {
color: #18b1e7;
}
a.link cufon
{
border-bottom: 1px solid;
}
.bottom_content{
display: block;
float: none;
clear: both;
}
@media all and (max-width: 1120px){
.top ul.catalogSectionList .item .section h2,
.top ul.catalogSectionList .item .section .h2 {
margin: 0 0 0 20px;
max-width: 160px;
}
}